.container {
	margin: 0 auto;
	text-align: center;
	font-family: "Microsoft YaHei", "微软雅黑", Helvetica, Tahoma, STXihei,
		"华文细黑", STHeiti, "Helvetica Neue", Helvetica, Tahoma, "Droid Sans",
		"wenquanyi micro hei", FreeSans, Arimo, Arial, SimSun, "宋体", Heiti,
		"黑体", sans-serif;
}

.c-top {
	text-align: right;
	margin: 2% 10%;
	font: 20px "Microsoft Yahei";
}

.c-mid {
	margin: 0 auto;
	text-align: center;
}

.c-bot {
	
}

.btn {
	background: #f6f6f6;
	border: 0px solid #ddd;
	border-radius: 3px;
	cursor: pointer;
	box-sizing: border-box;
	font-size: 18px;
	color: #666;
	font-family: "Microsoft YaHei", "微软雅黑", Helvetica, Tahoma, STXihei,
		"华文细黑", STHeiti, "Helvetica Neue", Helvetica, Tahoma, "Droid Sans",
		"wenquanyi micro hei", FreeSans, Arimo, Arial, SimSun, "宋体", Heiti,
		"黑体", sans-serif;
	text-align: center;
}

.tab {
	/*消除表格间距*/
    border-collapse:collapse;
}

/* Border styles */
/* .tab thead, .tab tr {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgb(230, 189, 189);
} */

.tab thead tr{
	border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: rgb(230, 189, 189);
}

/* Padding and font style */
.tab td, .tab th {
	padding: 5px 10px;
	font-size: 15px;
	font-family: Verdana;
	color: rgb(177, 106, 104);
}

/* Alternating background colors */
.tab tbody tr:nth-child(even) {
	background: #f5eeee;
}

.tab tbody tr:nth-child(odd) {
	
}

/*
 * 表单样式
 */
 .input--haruki {
    margin: 4em 1em 1em;
}
 
.input__field--haruki {
    padding: 0.4em 0.25em;
    width: 100%;
    background: transparent;
    color: #AFB5BB;
    font-size: 1.55em;
}
 
.input__label--haruki {
    position: absolute;
    width: 100%;
    text-align: left;
    pointer-events: none;
}
 
.input__label-content--haruki {
    transition: transform 0.3s;
}
 
.input__label--haruki::before,
.input__label--haruki::after {
    content: '';
    position: absolute;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 4px;
    background: #6a7989;
    transition: transform 0.3s;
}
 
.input__label--haruki::before {
    top: 0;
}
 
.input__label--haruki::after {
    bottom: 0;
}
 
.input__field--haruki:focus + .input__label--haruki .input__label-content--haruki,
.input--filled .input__label-content--haruki {
    transform: translate3d(0, -90%, 0);
}
 
.input__field--haruki:focus + .input__label--haruki::before,
.input--filled .input__label--haruki::before {
    transform: translate3d(0, -0.5em, 0);
}
 
.input__field--haruki:focus + .input__label--haruki::after,
.input--filled .input__label--haruki::after {
    transform: translate3d(0, 0.5em, 0);
}

 
 